<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>基本信息</title> 
    <link href="css/base.css" rel="stylesheet">
    <link rel="stylesheet" href="jquery-easyui-1.5.3/themes/default/easyui.css">
    <link href="jquery-easyui-1.5.3/themes/icon.css" rel="stylesheet">
    <link href="css/basic_info.css" rel="stylesheet">
    <link rel="stylesheet" href="css/xk.css">
    <link href="css/process.css" rel="stylesheet">
    <style type="text/css">
        input::-webkit-input-placeholder {
    /* placeholder颜色  */
    color: #aab2bd;
    /* placeholder字体大小  */
    font-size: 14px;
    /* placeholder位置  */
    text-align: right;
}



.box {width: 600px;border:1px solid #ccc; overflow: hidden; background: #fff; margin: 20px auto;padding: 10px;}
span, label{vertical-align:middle;}
/*复选框（多选框）的美化CSS*/
input[type="checkbox"]{appearance: none; -webkit-appearance: none;outline: none;display:none}
label{display:inline-block;cursor:pointer;}
label input[type="checkbox"] + span{width:20px;height:20px;display:inline-block;background:url(images/input-checkbox.gif)  no-repeat;background-position:0 0;}
label input[type="checkbox"]:checked + span{background-position:0 -21px}
/*单选框的美化CSS*/
input[type="radio"]{appearance: none; -webkit-appearance: none;outline: none;display:none}
label{display:inline-block;cursor:pointer;}
label input[type="radio"] + span{width:20px;height:20px;display:inline-block;background:url(images/input-radio.gif)  no-repeat;background-position:-26px 0;}
label input[type="radio"]:checked + span{background-position:0 0}
</style>
</head> 
<body>
  <div class="container">
      <ul class="process clearfix">
    <li>
      <div class="item passed">
        <div class="step">
          <i>1</i>
          <label>基本信息</label>
        </div>
        <span></span>
      </div>
    </li>
    <li>
      <div class="item curr-pre">
        <div class="step">
          <i>2</i>
          <label>现场图(照片)</label>
        </div>
        <span></span>
      </div>
    </li>
    <li>
      <div class="item current">
        <div class="step">
          <i>3</i>
          <label>痕迹物证</label>
        </div>
        <span></span>
      </div>
    </li>
    <li>
      <div class="item laters">
        <div class="step">
          <i>4</i>
          <label>分析意见</label>
        </div>
        <span></span>
      </div>
    </li>
  </ul>
    <div class="content">
      <form>
            <div class="column"><span class="current">案件信息</span></div>
            <table class="xk_table">
                    <tr>
                        <td class="xk_label">案(事)件受理号<font>*</font></td>
                        <td class="td_input"><input type="text" class="xk_input" name=""></td>
                        <td class="xk_label">案件编号<font>*</font></td>
                        <td class="td_input"><input type="text" class="xk_input" name=""></td>
                        <td class="xk_label">案件类别<font>*</font></td>
                        <td class="td_input"><input type="text" class="xk_input" name=""></td>
                    </tr>
                     <tr>
                        <td class="xk_label">发案区划<font>*</font></td>
                        <td class="td_input"><input type="text" class="xk_input" name=""></td>
                        <td class="xk_label">是否命案<font>*</font></td>
                        <td class="td_input">
                            <select class="xk_select">
                                <option value="1">否</option>
                                <option value="2">是</option>
                            </select>
                        </td>
                        <td class="xk_label">是否刑案<font>*</font></td>
                        <td class="td_input">
                             <select class="xk_select">
                                <option value="1">否</option>
                                <option value="2">是</option>
                            </select>
                        </td>
                    </tr>
                     <tr>
                        <td class="xk_label">发案时间<font>*</font></td>
                        <td class="td_input"><input type="text" class="xk_input" name=""></td>
                        <td class="xk_label">破案时间<font>*</font></td>
                        <td class="td_input"><input type="text" class="xk_input" name=""></td>
                        <td class="xk_label">经度<font>*</font></td>
                        <td class="td_input"><input type="text" class="xk_input" name=""></td>
                    </tr>
                    <tr>
                        <td class="xk_label">纬度<font>*</font></td>
                        <td class="td_input"><input type="text" class="xk_input" name=""></td>
                        <td colspan="4"></td>
                    </tr>
                </table>
                <div class="column"><span class="current">接勘信息</span></div>
                <table class="xk_table">
                     <tr>
                        <td class="xk_label">指派/报告单位<font>*</font></td>
                        <td class="td_input"><input type="text" class="xk_input" name=""></td>
                        <td class="xk_label">接勘时间<font>*</font></td>
                        <td class="td_input"><input type="text" class="xk_input" name=""></td>
                        <td class="xk_label">接警人<font>*</font></td>
                        <td class="td_input"><input type="text" class="xk_input" name=""></td>
                    </tr>
                     <tr>
                        <td class="xk_label">指派方式<font>*</font></td>
                        <td class="td_input">
                            <input type="checkbox"><span>指派</span>
                            <input type="checkbox"><span>报告</span>
                        </td>
                        <td class="xk_label">出警时间<font>*</font></td>
                        <td class="td_input"><input type="text" class="xk_input" name=""></td>
                        <td class="xk_label">勘验时间<font>*</font></td>
                        <td class="td_input"><input type="text" class="xk_input" name=""></td>
                    </tr>
                     <tr>
                        <td class="xk_label">勘验地点<font>*</font></td>
                        <td class="td_input"><input type="text" class="xk_input" name=""></td>
                        <td colspan="4"></td>
                    </tr>
                    <tr>
                        <td class="xk_label_textarea">勘验事由<font>*</font></td>
                        <td colspan="5"><textarea type="text" class="xk_input_textarea" name=""></textarea></td>
                    </tr>
                    <tr>
                        <td class="xk_label_textarea02">案件发现过程<font>*</font></td>
                        <td colspan="5"><textarea type="text" class="xk_input_textarea02" name=""></textarea></td>
                    </tr>
                </table>
                <div class="column"><span class="current">现场信息</span></div>
                <table class="xk_table">
                     <tr>
                        <td class="xk_label">保护人: 姓名<font>*</font></td>
                        <td class="td_input"><input type="text" class="xk_input" name=""></td>
                        <td class="xk_label">保护人: 单位<font>*</font></td>
                        <td class="td_input"><input type="text" class="xk_input" name=""></td>
                        <td class="xk_label">保护人: 职务<font>*</font></td>
                        <td class="td_input"><input type="text" class="xk_input" name=""></td>
                    </tr>
                    <tr>
                        <td class="xk_label">保护措施<font>*</font></td>
                        <td colspan="5">
                            <label><input type="checkbox" class="easyui-checkbox" name=""><span></span>设立警戒带,划定禁行区域</label>
                            <label><input type="checkbox" class="easyui-checkbox" name="" checked="checked"><span></span>专人看护现场,防止他人进去</label>
                            <label><input type="checkbox" class="easyui-checkbox" name=""><span></span>被害人自行保护</label>
                            <label><input type="checkbox" class="easyui-checkbox" name=""><span></span>其他措施</label>
                            <label><input type="text" class="xk_input03" name="">
                        </td>
                     </tr>
                     <tr>
                        <td class="xk_label">保护时间<font>*</font></td>
                        <td><input type="text" class="xk_input" name=""></td>
                        <td class="xk_label">现场物品翻动程度<font>*</font></td>
                        <td class="td_input">
                             <select class="xk_select">
                               <option value="1">未翻动</option>
                               <option value="2">复原</option>
                               <option value="3">不明显</option>
                               <option value="4" selected="selected">一般</option>
                               <option value="5">乱</option>
                               <option value="5">其他</option>
                            </select>
                        </td>
                        <td colspan="2"></td>

                    </tr>
                    <tr>
                      <td class="xk_label">现场条件<font>*</font></td>
                      <td class="td_input" colspan="5" id="xctj_td">
                            <label><input type="radio" name="xctj_radio" value="1" ><span></span>原始现场</label>
                            <label><input type="radio" name="xctj_radio" value="2"><span></span>变动现场</label>
                            <span id="BDYYTD" style="display: none">
                            （<label><input type='checkbox' class='easyui-checkbox' name='xctj_checkbox'><span></span>主事进入</label>
                                <label><input type='checkbox' class='easyui-checkbox' name='xctj_checkbox'><span></span>报案人进入</label>
                                <label><input type='checkbox' class='easyui-checkbox' name='xctj_checkbox'><span></span>其他</label>
                                <input type='text' class='xk_input03' id='BDYYDESC'>
                            ）</span>
                      </td>
                    </tr>
                    <tr>
                      <td class="xk_label">天气状况<font>*</font></td>
                      <td class="td_input">
                        <label><input type="checkbox"  name=""><span></span>阴</label>
                        <label><input type="checkbox"  name=""><span></span>晴</label>
                        <label><input type="checkbox"  name=""><span></span>风</label>
                        <label><input type="checkbox"  name=""><span></span>雪</label>
                        <label><input type="checkbox"  name=""><span></span>雾</label>
                        <input type="text" class="xk_input03" name="">
                      </td>
                      <td class="xk_label">温度<font>*</font></td>
                      <td class="td_input"><input type="text" class="xk_input" placeholder="℃" name=""></td>
                      <td class="xk_label">相对湿度<font>*</font></td>
                      <td class="td_input"><input type="text" class="xk_input" placeholder="%" name=""></td>
                    </tr>
                    <tr>
                      <td class="xk_label">风向<font>*</font></td>
                      <td class="td_input">
                             <select class="xk_select">
                              <option value="" check="check">请选择</option>
                              <option value="1">东风</option>
                              <option value="2">南风</option>
                              <option value="3">西风</option>
                              <option value="4">北风</option>
                              <option value="5">东南</option>
                              <option value="6">西南</option>
                              <option value="7">西北</option>
                              <option value="8">东北</option>
                              <option value="9">无风</option>
                              <option value="10">其他</option>
                            </select>
                       </td>
                       <td class="xk_label">光照条件<font>*</font></td>
                       <td class="td_input">
                            <label><input type="checkbox"  name=""><span></span>自然光</label>
                            <label><input type="checkbox"  name=""><span></span>灯光</label>
                            <label><input type="checkbox"  name=""><span></span>特种光</label>
                       </td>
                       <td colspan="2"></td>  
                    </tr>
                    <tr>
                       <td class="xk_label">现场指挥人员<font>*</font></td> 
                       <td class="td_input"><input type="text" class="xk_input" name=""></td>
                       <td class="xk_label">勘验检查人员<font>*</font></td> 
                       <td class="td_input"><input type="text" class="xk_input" name=""></td>
                       <td class="xk_label">其他到达现场人员<font>*</font></td> 
                       <td class="td_input"><input type="text" class="xk_input" name=""></td>
                    </tr>
                    <tr>
                        <td class="xk_label_textarea">现场遗留物<font>*</font></td>
                        <td colspan="5"><textarea type="text" class="xk_input_textarea" name=""></textarea></td>
                    </tr>
                    <tr>
                        <td class="xk_label">现场处置意见<font>*</font></td>
                        <td class="td_input" colspan="5">
                            <input type="radio" name="bl" class="easyui-radiobutton"><span>全部保留</span>
                            <input type="radio" name="bl" class="easyui-radiobutton"><span>局部保留</span>
                            <input type="radio" name="bl" class="easyui-radiobutton"><span>不保留</span>
                            <input type="text" class="xk_input02" name="">
                      </td>
                    </tr>
                    <tr>
                        <td class="xk_label_textarea02">勘验检查情况<font>*</font></td>
                        <td colspan="5"><textarea type="text" class="xk_input_textarea02" name=""></textarea></td>
                    </tr>
                </table>
                <div class="column"><span class="current">物损信息</span></div>
                <table class="xk_table">
                  <tr>
                    <td class="xk_label_L">被害人/报案人<font>*</font></td>
                    <td colspan="5">
                      <div class="forSubmint">
                          <button class="easyui-linkbutton" type="button" iconCls="icon-edit" style="height: 24px;float: right;">编辑</button>  
                        <button class="easyui-linkbutton" type="button" onclick="bhr_dialog()" iconCls="icon-add" style="height: 24px;float: right;margin-right: 4px;">新增</button>
                        
                      </div>
                    </td> 
                  </tr>
                  <tr>
                    <td class="xk_label_L">损失物品<font>*</font></td>
                    <td colspan="5">
                      <button class="easyui-linkbutton" type="button" iconCls="icon-add" style="height: 24px;float: right;">新增</button>
                    </td>  
                  </tr>
                    <tr>
                       <td class="xk_label">录像<font>*</font></td> 
                       <td class="td_input"><input type="text" placeholder="分钟" class="xk_input" name=""></td>
                       <td class="xk_label">录音<font>*</font></td> 
                       <td class="td_input"><input type="text" placeholder="分钟" class="xk_input" name=""></td>
                       <td colspan="2"></td>
                    </tr>
                    <tr>
                       <td class="xk_label">伤亡情况：亡<font>*</font></td> 
                       <td class="td_input"><input type="text" class="xk_input" name=""></td>
                       <td class="xk_label">伤亡情况：伤<font>*</font></td> 
                       <td class="td_input"><input type="text" class="xk_input" name=""></td>
                       <td class="xk_label">损失物品总价值<font>*</font></td> 
                       <td class="td_input"><input type="text" placeholder="元" class="xk_input" name=""></td>
                    </tr>
                    <tr>
                    <td class="xk_label_L">见证人<font>*</font></td> 
                    <td colspan="5">
                      <button class="easyui-linkbutton" type="button" iconCls="icon-add" style="height: 24px;float: right;">新增</button>
                    </td> 
                  </tr>
                    <tr>
                        <td class="xk_label_textarea">见证人备注<font>*</font></td>
                        <td colspan="5"><textarea type="text" class="xk_input_textarea" name=""></textarea></td>
                    </tr>
                </table>
            </form>
    </div>
  </div>
  <!--//新增弹出框-->
<!-- <div id="addBox" style="display: none;">
    <form id="addForm" method="post">
        <div class="formDiv"><label>编号:</label><input type="text" name="id" id="no" class="easyui-validatebox" name="name"  readonly="readonly"><span class="formSpan">*</span></div>
       <div class="formDiv"><label>用户名称:</label><input type="text" name="name" id="name" class="easyui-validatebox" name="name" data-options="required:true"><span class="formSpan">*</span></div>
        <div class="formDiv"><label>密码:</label><input type="password" name="pass" id="pass" class="easyui-validatebox" name="pass" data-options="required:true"><span class="formSpan">*</span></div>
        <div class="formDiv"><label>入职时间:</label><input type="text"  name="time" id="time" class="easyui-datebox" name="time" style="width: 70%;height: 26px"></div>
        <div class="formDiv"><label>所属部门:</label><input type="text" name="part" id="part01" /></div>
        <div class="formDiv"><label>所属角色:</label><input  id="role"  name="title"></div>


        <div class="forSubmint"> <a href="#" class="easyui-linkbutton"  iconCls="icon-ok"  onclick="obj.sum()">提交</a>
            <a href="#" class="easyui-linkbutton" id="res" iconCls="icon-redo" onclick="obj.res()" >重置</a>
            <a href="#" class="easyui-linkbutton" id="can" iconCls="icon-cancel" onclick="obj.can()" >取消</a>
        </div>

    </form>
</div> -->


</body> 
</html>
    <script type="text/javascript" src="jquery-easyui-1.5.3/jquery.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.5.3/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="js/umeditor/umeditor.config.js"></script>
    <script type="text/javascript" src="js/umeditor/umeditor.min.js"></script>
<script type="text/javascript">
$('.easyui-tabs1').tabs({
  tabHeight: 36
});

$("input[name='xctj_radio']").change(function(){
   var val=$(this).attr("value");
  if(val=="2"){
      $("#BDYYTD").attr("style","");
    }else if(val=="1"){
      $("#BDYYTD").attr("style","display: none");
      $("input[name='xctj_checkbox']").removeAttr("checked");
      $("#BDYYDESC").val("");
    }
})





</script>
